.haloe-search{
  .haloe-input-prefix i {
    color: @color-complementary-5;
  }

  &.haloe-search-suffix {
    .haloe-input-group-append {
      .haloe-btn i {
        color: @color-complementary-5;
      }

      &:hover {
        .haloe-btn.haloe-btn-secondary.haloe-btn-icon-only {
          background-color: @color-brand-primary;
          border-color:@color-brand-primary;

          .haloe-icon.haloe-icon-search {
            color:@color-functional-white
          }
        }
      }
    }

    &:hover .haloe-input.haloe-input-default {
      border:1px solid @color-brand-primary;
    }

    .haloe-input-group-prepend {
      position: absolute;
      z-index:10;
      border-color: transparent;
      background-color: transparent;

      .search-select-wrapper{
        position: relative;

        .haloe-select-selection:hover,
        .haloe-select-selection-focused {
          border-color: transparent;
        }

        .search-devided-line {
          display: inline-block;
          border-right: 1px solid @color-complementary-7;
          height: 18px;
          top: 3px;
          z-index: 10;
          padding-left: 6px;
          width: 1px;
          position: absolute;
        }
      }
    }
  }

  .haloe-icon.haloe-icon-clear {
    color: @color-complementary-6;
    font-size:15px;
  }
}
